<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/taglib/taglib.jsp" %>

<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/css/clientList.css?v=${timestamp}"  />
	<title>客户列表</title>
</head>
<body>
	<center>
		<h1>客户列表</h1>
		<table class="tableClass" border="1px" cellpadding="0px" cellspacing="0px" >
			<thead>
				<tr>
					<th>序号</th>
					<th>客户id</th>
					<th>名称</th>
					<th>联系人</th>
					<th>电话</th>
					<th>邮箱</th>
					<th>备注</th>
					<th>添加时间</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
			<c:forEach var="c" items="${list }" varStatus="index">
				<tr>
					<td align="center">${index.count }</td>
					<td align="center">${c.id }</td>
					<td>${c.name }</td>
					<td>${c.contact }</td>
					<td>${c.phone }</td>
					<td>${c.email }</td>
					<td>${c.remarks }</td>
					<td>${c.createDate }</td>
					<td>
						<a href="${ctx }/clientFormServlet">添加</a>
						<a href="${ctx }/clientFormServlet?id=${c.id}">修改</a>
						<a href="${ctx }/clientDeleteServlet?id=${c.id}" onclick="return confirm('确认删除？')">删除</a>
					</td>
				</tr>
			</c:forEach>
			</tbody>
		</table>
	</center>
	<script type="text/javascript" src="${ctxStatic }/js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="${ctxStatic }/js/chapter.js?v=${timestamp}"></script>
	<script type="text/javascript" src="${ctxStatic }/js/global.js?v=${timestamp}"></script>
	<script type="text/javascript">
		$(function(){
			//chapter.hello("客户列表");
			helloF("客户 hello");
			// sayF(" 直接函数输出。。。");
			global.say("global 函数输出。。。");
		});
	</script>
</body>
</html>